<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>列表模块介绍</title>
    <link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../../assets/css/fresns.css">
    <style>
        .bg-secondary {
            background-color: #F0F2F5!important;
        }
        .bg-light {
            background-color: #ffffff!important;
        }
    </style>
</head>

<body>
    <!--页头-->
    <header>
        <div class="text-center mt-5"><img src="../../assets/images/fresns-icon.png" height="80"></div>
    </header>

    <div class="container-fluid mb-5">
        <div class="text-center my-5">
            <div class="text-center mt-3">
                <div class="btn-group">
                    <a href="../style/extend.html" class="btn btn-outline-primary">样式</a>
                    <a href="../code/extend.html" class="btn btn-outline-primary">结构</a>
                    <a href="extend.html" class="btn btn-outline-primary active">说明</a>
                </div>
            </div>
        </div>
        <ul class="nav nav-tabs justify-content-center">
            <li class="nav-item"><a class="nav-link" href="../index.html">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="member.html">成员列表</a></li>
            <li class="nav-item"><a class="nav-link" href="group.html">小组列表</a></li>
            <li class="nav-item"><a class="nav-link" href="hashtag.html">话题列表</a></li>
            <li class="nav-item"><a class="nav-link" href="post.html">帖子列表</a></li>
            <li class="nav-item"><a class="nav-link" href="comment.html">评论列表</a></li>
            <li class="nav-item"><a class="nav-link active" href="extend.html">扩展内容模板</a></li>
            <li class="nav-item"><a class="nav-link" href="implant.html">植入内容模板</a></li>
        </ul>
    </div>

    <div class="container-md clearfix">
        <div class="position-relative shadow-sm p-5 mb-5 bg-body rounded">
            <div class="position-absolute top-0 start-0"><span class="badge bg-warning text-dark">打开方式介绍</span></div>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=1</span> + <span class="badge bg-success">extends -> support=1</span> 网页端采用模态框 iframe 方式打开，移动端采用 WebView 打开</p>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=1</span> + <span class="badge bg-success">extends -> support=2</span> 网页端提示只能在移动应用中打开，移动端采用 uni 原生小程序打开</p>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=1</span> + <span class="badge bg-success">extends -> support=3</span> 网页端采用模态框 iframe 方式打开，移动端优先采用 uni 原生小程序打开，如果移动端没有集成小程序 SDK，则采用 WebView 打开</p>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=2</span> + <span class="badge bg-success">extends -> support=1</span> 网页端新窗口打开，移动端采用 WebView 打开</p>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=2</span> + <span class="badge bg-success">extends -> support=2</span> 网页端提示只能在移动应用中打开，移动端采用 uni 原生小程序打开</p>
            <p><span class="badge bg-success">extends -> type=1</span> + <span class="badge bg-success">extends -> target=2</span> + <span class="badge bg-success">extends -> support=3</span> 网页端新窗口打开，移动端优先采用 uni 原生小程序打开，如果移动端没有集成小程序 SDK，则采用 WebView 打开</p>
            <p><span class="badge bg-success">extends -> type=1-5</span> 忽略 <kbd>extends -> target</kbd> 和 <kbd>extends -> support</kbd> 参数，因为目标均是主程序内容页面，原生方式打开（网页端和移动端均使用主程序跳到对应页面）</p>
            <p><span class="badge bg-success">extends -> type=6</span> + <span class="badge bg-success">extends -> target=1</span> 网页端采用模态框 iframe 方式打开，移动端采用 WebView 打开</p>
            <p><span class="badge bg-success">extends -> type=6</span> + <span class="badge bg-success">extends -> target=2</span> 网页端新窗口打开，移动端采用 WebView 打开</p>
        </div>
        <div class="position-relative shadow-sm p-5 mb-5 bg-body rounded">
            <div class="position-absolute top-0 start-0"><span class="badge bg-warning text-dark">扩展内容模板模板 &lt;template name="extend"&gt;</span></div>
            <!--文本框-->
            <div class="position-relative p-3 mt-3 mb-3 bg-secondary text-dark">
                <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句（文本框）</span></div>
                <span class="badge bg-primary mt-3 me-2">extends -> frame = 1</span>
                <span class="badge bg-success me-2 mt-3 mb-2">extends -> plugin</span>
                <span class="badge bg-success me-2 mb-2">extends -> position</span>
                <span class="badge bg-success me-2 mb-2">extends -> content</span>
                <span class="badge bg-success me-2 mb-2">extends -> type</span>
                <span class="badge bg-success me-2 mb-2">extends -> target</span>
                <span class="badge bg-success me-2 mb-2">extends -> value</span>
                <span class="badge bg-success me-2 mb-2">extends -> support</span>
                <div class="position-relative p-3 mt-3 mb-3 bg-light text-dark">
                    <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句</span></div>
                    <span class="badge bg-primary mt-3 me-2">extends -> files -> type = 1</span>
                    <span class="badge bg-success me-2 mt-3 mb-2">extends -> files -> fid</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> name</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> extension</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> size</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageWidth</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageHeight</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageLong</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageRatioUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageSquareUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> imageBigUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> moreJson</span>
                    <hr>
                    <span class="badge bg-primary me-2">extends -> files -> type = 2</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> fid</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> name</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> extension</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> size</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> videoTime</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> videoCover</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> videoGif</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> videoUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> moreJson</span>
                    <hr>
                    <span class="badge bg-primary me-2">extends -> files -> type = 3</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> fid</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> name</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> extension</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> size</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> audioTime</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> audioUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> moreJson</span>
                    <hr>
                    <span class="badge bg-primary me-2">extends -> files -> type = 4</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> fid</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> name</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> extension</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> size</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> docPreviewUrl</span>
                    <span class="badge bg-success me-2 mb-2">extends -> files -> moreJson</span>
                </div>
            </div>
            <!--正方形信息框架-->
            <div class="position-relative p-3 mt-3 mb-3 bg-secondary text-dark">
                <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句（正方形信息框架）</span></div>
                <span class="badge bg-primary mt-3 me-2">extends -> frame = 2</span>
                <span class="badge bg-success me-2 mb-2">extends -> plugin</span>
                <span class="badge bg-success me-2 mb-2">extends -> position</span>
                <span class="badge bg-success me-2 mb-2">extends -> content</span>
                <span class="badge bg-success me-2 mb-2">extends -> cover</span>
                <span class="badge bg-success me-2 mb-2">extends -> title</span>
                <span class="badge bg-success me-2 mb-2">extends -> titleColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnName</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> type</span>
                <span class="badge bg-success me-2 mb-2">extends -> target</span>
                <span class="badge bg-success me-2 mb-2">extends -> value</span>
                <span class="badge bg-success me-2 mb-2">extends -> support</span>
            </div>
            <!--大号正方形信息框架-->
            <div class="position-relative p-3 mt-3 mb-3 bg-secondary text-dark">
                <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句（大号正方形信息框架）</span></div>
                <span class="badge bg-primary mt-3 me-2">extends -> frame = 3</span>
                <span class="badge bg-success me-2 mb-2">extends -> plugin</span>
                <span class="badge bg-success me-2 mb-2">extends -> position</span>
                <span class="badge bg-success me-2 mb-2">extends -> content</span>
                <span class="badge bg-success me-2 mb-2">extends -> cover</span>
                <span class="badge bg-success me-2 mb-2">extends -> title</span>
                <span class="badge bg-success me-2 mb-2">extends -> titleColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnName</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> type</span>
                <span class="badge bg-success me-2 mb-2">extends -> target</span>
                <span class="badge bg-success me-2 mb-2">extends -> value</span>
                <span class="badge bg-success me-2 mb-2">extends -> support</span>
            </div>
            <!--纵图信息框架-->
            <div class="position-relative p-3 mt-3 mb-3 bg-secondary text-dark">
                <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句（纵图信息框架）</span></div>
                <span class="badge bg-primary mt-3 me-2">extends -> frame = 4</span>
                <span class="badge bg-success me-2 mb-2">extends -> plugin</span>
                <span class="badge bg-success me-2 mb-2">extends -> position</span>
                <span class="badge bg-success me-2 mb-2">extends -> content</span>
                <span class="badge bg-success me-2 mb-2">extends -> cover</span>
                <span class="badge bg-success me-2 mb-2">extends -> title</span>
                <span class="badge bg-success me-2 mb-2">extends -> titleColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnName</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> type</span>
                <span class="badge bg-success me-2 mb-2">extends -> target</span>
                <span class="badge bg-success me-2 mb-2">extends -> value</span>
                <span class="badge bg-success me-2 mb-2">extends -> support</span>
            </div>
            <!--横图信息框架-->
            <div class="position-relative p-3 mt-3 mb-3 bg-secondary text-dark">
                <div class="position-absolute top-0 start-0"><span class="badge bg-info text-dark">陈述语句（横图信息框架）</span></div>
                <span class="badge bg-primary mt-3 me-2">extends -> frame = 5</span>
                <span class="badge bg-success me-2 mb-2">extends -> plugin</span>
                <span class="badge bg-success me-2 mb-2">extends -> position</span>
                <span class="badge bg-success me-2 mb-2">extends -> content</span>
                <span class="badge bg-success me-2 mb-2">extends -> cover</span>
                <span class="badge bg-success me-2 mb-2">extends -> title</span>
                <span class="badge bg-success me-2 mb-2">extends -> titleColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descPrimaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondary</span>
                <span class="badge bg-success me-2 mb-2">extends -> descSecondaryColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnName</span>
                <span class="badge bg-success me-2 mb-2">extends -> btnColor</span>
                <span class="badge bg-success me-2 mb-2">extends -> type</span>
                <span class="badge bg-success me-2 mb-2">extends -> target</span>
                <span class="badge bg-success me-2 mb-2">extends -> value</span>
                <span class="badge bg-success me-2 mb-2">extends -> support</span>
            </div>
        </div>
    </div>

    <footer class="text-center" style="margin-top:100px;">
        <div><img src="../../assets/images/fresns-logo.png" height="30"></div>
        <p class="mt-3 mb-5"><a href="https://tangjie.me" target="_blank">唐杰出品</a></p>
    </footer>

    <script src="../../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../../assets/javascript/fresns.js"></script>
</body>

</html>